<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<ul>
    <li id="item1">1</li>
    <li>2</li>
    <li>3</li>
</ul>
<script>
//参数是一个任意的css支持的选择器, 返回满足条件的第一个元素
var li = document.querySelector("#item1")
console.log(li);

// 类数组  like array
var lis = document.querySelectorAll("ul li");
console.log(lis);

</script>
</body>
</html>